<!doctype html>
<html class="default no-js">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>ContEncoding | @businessanalytics/customvis-lib</title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="../assets/css/main.css">
</head>
<body>
<header>
	<div class="tsd-page-toolbar">
		<div class="container">
			<div class="table-wrap">
				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.js" data-base="..">
					<div class="field">
						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
						<input id="tsd-search-field" type="text" />
					</div>
					<ul class="results">
						<li class="state loading">Preparing search index...</li>
						<li class="state failure">The search index is not available</li>
					</ul>
					<a href="../index.html" class="title">@businessanalytics/customvis-lib</a>
				</div>
				<div class="table-cell" id="tsd-widgets">
					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
				</div>
			</div>
		</div>
	</div>
	<div class="tsd-page-title">
		<div class="container">
			<ul class="tsd-breadcrumb">
				<li>
					<a href="../globals.html">Globals</a>
				</li>
				<li>
					<a href="contencoding.html">ContEncoding</a>
				</li>
			</ul>
			<h1>Class ContEncoding</h1>
		</div>
	</div>
</header>
<div class="container container-main">
	<div class="row">
		<div class="col-8 col-content">
			<section class="tsd-panel tsd-comment">
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Continuous encoding. Instances can be created given a slot, palette and some
							meta information. Instances of RSContEncoding can be returned to a host for
							creating (size or heat) legends.
						Note: The slot passed to the constructor must be mapped!</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-hierarchy">
				<h3>Hierarchy</h3>
				<ul class="tsd-hierarchy">
					<li>
						<a href="encoding.html" class="tsd-signature-type">Encoding</a>
						<ul class="tsd-hierarchy">
							<li>
								<span class="target">ContEncoding</span>
							</li>
						</ul>
					</li>
				</ul>
			</section>
			<section class="tsd-panel-group tsd-index-group">
				<h2>Index</h2>
				<section class="tsd-panel tsd-index-panel">
					<div class="tsd-index-content">
						<section class="tsd-index-section ">
							<h3>Properties</h3>
							<ul class="tsd-index-list">
								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="contencoding.html#caption" class="tsd-kind-icon">caption</a></li>
								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="contencoding.html#channel" class="tsd-kind-icon">channel</a></li>
								<li class="tsd-kind-property tsd-parent-kind-class"><a href="contencoding.html#domain" class="tsd-kind-icon">domain</a></li>
								<li class="tsd-kind-property tsd-parent-kind-class"><a href="contencoding.html#interpolate" class="tsd-kind-icon">interpolate</a></li>
								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="contencoding.html#ref" class="tsd-kind-icon">ref</a></li>
								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="contencoding.html#slot" class="tsd-kind-icon">slot</a></li>
								<li class="tsd-kind-property tsd-parent-kind-class"><a href="contencoding.html#stops" class="tsd-kind-icon">stops</a></li>
								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="contencoding.html#subcaption" class="tsd-kind-icon">sub<wbr>Caption</a></li>
								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="contencoding.html#type" class="tsd-kind-icon">type</a></li>
							</ul>
						</section>
					</div>
				</section>
			</section>
			<section class="tsd-panel-group tsd-member-group ">
				<h2>Properties</h2>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
					<a name="caption" class="tsd-anchor"></a>
					<h3>caption</h3>
					<div class="tsd-signature tsd-kind-icon">caption<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>The caption for the encoding. Will be rendered as the legend group caption.</p>
						</div>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
					<a name="channel" class="tsd-anchor"></a>
					<h3>channel</h3>
					<div class="tsd-signature tsd-kind-icon">channel<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>The encoding channel. Can be either &quot;color&quot; or &quot;size&quot;</p>
						</div>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
					<a name="domain" class="tsd-anchor"></a>
					<h3>domain</h3>
					<div class="tsd-signature tsd-kind-icon">domain<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">IRSContDomain</span></div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
					<a name="interpolate" class="tsd-anchor"></a>
					<h3>interpolate</h3>
					<div class="tsd-signature tsd-kind-icon">interpolate<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
					<a name="ref" class="tsd-anchor"></a>
					<h3>ref</h3>
					<div class="tsd-signature tsd-kind-icon">ref<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">IRSDataNode</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">null</span></div>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>An optional data object that is referenced by this encoding.</p>
						</div>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
					<a name="slot" class="tsd-anchor"></a>
					<h3>slot</h3>
					<div class="tsd-signature tsd-kind-icon">slot<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">null</span></div>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>The slot that this encoding is assigned to.</p>
						</div>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
					<a name="stops" class="tsd-anchor"></a>
					<h3>stops</h3>
					<div class="tsd-signature tsd-kind-icon">stops<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">IRSColorStop</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">null</span></div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
					<a name="subcaption" class="tsd-anchor"></a>
					<h3>sub<wbr>Caption</h3>
					<div class="tsd-signature tsd-kind-icon">sub<wbr>Caption<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>An optional sub caption for the encoding.</p>
						</div>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
					<a name="type" class="tsd-anchor"></a>
					<h3>type</h3>
					<div class="tsd-signature tsd-kind-icon">type<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>The type of the encoding, either &quot;cat&quot; or &quot;cont&quot;.</p>
						</div>
					</div>
				</section>
			</section>
		</div>
		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
			<nav class="tsd-navigation primary">
				<ul>
					<li class="globals  ">
						<a href="../globals.html"><em>Globals</em></a>
					</li>
				</ul>
			</nav>
			<nav class="tsd-navigation secondary menu-sticky">
				<ul class="before-current">
					<li class=" tsd-kind-enum">
						<a href="../enums/fontstyle.html" class="tsd-kind-icon">Font<wbr>Style</a>
					</li>
					<li class=" tsd-kind-enum">
						<a href="../enums/fontweight.html" class="tsd-kind-icon">Font<wbr>Weight</a>
					</li>
					<li class=" tsd-kind-enum">
						<a href="../enums/formattype.html" class="tsd-kind-icon">Format<wbr>Type</a>
					</li>
					<li class=" tsd-kind-enum">
						<a href="../enums/lengthunit.html" class="tsd-kind-icon">Length<wbr>Unit</a>
					</li>
					<li class=" tsd-kind-class">
						<a href="catencoding.html" class="tsd-kind-icon">Cat<wbr>Encoding</a>
					</li>
					<li class=" tsd-kind-class">
						<a href="catencodingentry.html" class="tsd-kind-icon">Cat<wbr>Encoding<wbr>Entry</a>
					</li>
					<li class=" tsd-kind-class">
						<a href="catpalette.html" class="tsd-kind-icon">Cat<wbr>Palette</a>
					</li>
					<li class=" tsd-kind-class">
						<a href="color.html" class="tsd-kind-icon">Color</a>
					</li>
					<li class=" tsd-kind-class">
						<a href="colorstop.html" class="tsd-kind-icon">Color<wbr>Stop</a>
					</li>
					<li class=" tsd-kind-class">
						<a href="colorstops.html" class="tsd-kind-icon">Color<wbr>Stops</a>
					</li>
				</ul>
				<ul class="current">
					<li class="current tsd-kind-class">
						<a href="contencoding.html" class="tsd-kind-icon">Cont<wbr>Encoding</a>
						<ul>
							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
								<a href="contencoding.html#caption" class="tsd-kind-icon">caption</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
								<a href="contencoding.html#channel" class="tsd-kind-icon">channel</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-class">
								<a href="contencoding.html#domain" class="tsd-kind-icon">domain</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-class">
								<a href="contencoding.html#interpolate" class="tsd-kind-icon">interpolate</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
								<a href="contencoding.html#ref" class="tsd-kind-icon">ref</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
								<a href="contencoding.html#slot" class="tsd-kind-icon">slot</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-class">
								<a href="contencoding.html#stops" class="tsd-kind-icon">stops</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
								<a href="contencoding.html#subcaption" class="tsd-kind-icon">sub<wbr>Caption</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
								<a href="contencoding.html#type" class="tsd-kind-icon">type</a>
							</li>
						</ul>
					</li>
				</ul>
				<ul class="after-current">
					<li class=" tsd-kind-class">
						<a href="contpalette.html" class="tsd-kind-icon">Cont<wbr>Palette</a>
					</li>
					<li class=" tsd-kind-class">
						<a href="datapoint.html" class="tsd-kind-icon">Data<wbr>Point</a>
					</li>
					<li class=" tsd-kind-class">
						<a href="dataset.html" class="tsd-kind-icon">Data<wbr>Set</a>
					</li>
					<li class=" tsd-kind-class">
						<a href="domain.html" class="tsd-kind-icon">Domain</a>
					</li>
					<li class=" tsd-kind-class">
						<a href="encoding.html" class="tsd-kind-icon">Encoding</a>
					</li>
					<li class=" tsd-kind-class">
						<a href="font.html" class="tsd-kind-icon">Font</a>
					</li>
					<li class=" tsd-kind-class">
						<a href="length.html" class="tsd-kind-icon">Length</a>
					</li>
					<li class=" tsd-kind-class">
						<a href="metainfo.html" class="tsd-kind-icon">Meta<wbr>Info</a>
					</li>
					<li class=" tsd-kind-class">
						<a href="point.html" class="tsd-kind-icon">Point</a>
					</li>
					<li class=" tsd-kind-class">
						<a href="properties.html" class="tsd-kind-icon">Properties</a>
					</li>
					<li class=" tsd-kind-class">
						<a href="renderbase.html" class="tsd-kind-icon">Render<wbr>Base</a>
					</li>
					<li class=" tsd-kind-class">
						<a href="renderreason.html" class="tsd-kind-icon">Render<wbr>Reason</a>
					</li>
					<li class=" tsd-kind-class">
						<a href="segment.html" class="tsd-kind-icon">Segment</a>
					</li>
					<li class=" tsd-kind-class">
						<a href="slot.html" class="tsd-kind-icon">Slot</a>
					</li>
					<li class=" tsd-kind-class">
						<a href="tuple.html" class="tsd-kind-icon">Tuple</a>
					</li>
					<li class=" tsd-kind-class">
						<a href="updateinfo.html" class="tsd-kind-icon">Update<wbr>Info</a>
					</li>
				</ul>
			</nav>
		</div>
	</div>
</div>
<footer>
	<div class="container">
		<h2>Legend</h2>
		<div class="tsd-legend-group">
			<ul class="tsd-legend">
				<li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li>
				<li class="tsd-kind-constructor tsd-parent-kind-class"><span class="tsd-kind-icon">Constructor</span></li>
				<li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li>
				<li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li>
				<li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li>
			</ul>
			<ul class="tsd-legend">
				<li class="tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited constructor</span></li>
				<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited property</span></li>
				<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li>
				<li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li>
			</ul>
			<ul class="tsd-legend">
				<li class="tsd-kind-property tsd-parent-kind-class tsd-is-protected"><span class="tsd-kind-icon">Protected property</span></li>
				<li class="tsd-kind-method tsd-parent-kind-class tsd-is-protected"><span class="tsd-kind-icon">Protected method</span></li>
				<li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-protected"><span class="tsd-kind-icon">Protected accessor</span></li>
			</ul>
			<ul class="tsd-legend">
				<li class="tsd-kind-enum"><span class="tsd-kind-icon">Enumeration</span></li>
				<li class="tsd-kind-enum-member"><span class="tsd-kind-icon">Enumeration member</span></li>
				<li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><span class="tsd-kind-icon">Static property</span></li>
				<li class="tsd-kind-call-signature tsd-parent-kind-class tsd-is-static"><span class="tsd-kind-icon">Static method</span></li>
			</ul>
		</div>
	</div>
</footer>
<div class="overlay"></div>
<script src="../assets/js/main.js"></script>
<script>if (location.protocol == 'file:') document.write('<script src="../assets/js/search.js"><' + '/script>');</script>
</body>
</html>